@charset "UTF-8";
html, body {
  background: #fff;
  height: 100%;
  margin: 0; }

@font-face {
  font-family: oswald;
  src: url(../font/Oswald-Bold.ttf); }

.n {
  /* 按钮鼠标指针 */ }
  .n, .n * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: inherit; }
  .n ul,
  .n ol,
  .n li,
  .n dl,
  .n dd,
  .n dt {
    list-style: none;
    list-style-type: none; }
  .n input,
  .n textarea,
  .n button {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    background: none;
    border: 0; }
  .n input[type='button'],
  .n button {
    cursor: pointer;
    -moz-user-focus: none;
    user-select: none; }
  .n input[type='text'],
  .n input[type='password'],
  .n textarea {
    width: 100%; }
  .n a,
  .n i,
  .n a:hover,
  .n img,
  .n label {
    text-decoration: none;
    cursor: pointer; }
  .n table {
    border-collapse: collapse; }

.n-nav:not([__null__]) > div {
  height: 78px;
  display: flex;
  align-items: center; }

.n-nav:not([__null__]) .n-nav-logo {
  font-size: 36px;
  font-weight: bold;
  color: #fff; }

.n-nav:not([__null__]) .n-nav-links {
  font-size: 18px;
  color: #fff;
  margin-right: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  border-bottom: 2px solid #1441c1;
  align-items: stretch; }
  .n-nav:not([__null__]) .n-nav-links > a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer; }
  .n-nav:not([__null__]) .n-nav-links > a + a {
    margin-left: 47px; }
  .n-nav:not([__null__]) .n-nav-links .n-nav-links-cur {
    color: cyan; }
    .n-nav:not([__null__]) .n-nav-links .n-nav-links-cur::after {
      content: ' ';
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 14px;
      border-radius: 50%;
      pointer-events: none;
      box-shadow: 0 0 20px 3px cyan;
      border: 1px solid cyan;
      height: 14px;
      background: #fff;
      transform: translate(-50%, 50%); }

.n-nav:not([__null__]) .n-nav-btn {
  height: 44px;
  padding: 0 19px;
  color: #9eb9fd;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #1441c1; }
  .n-nav:not([__null__]) .n-nav-btn.n-nav-btnCur {
    background: #1441c1;
    color: #fff;
    border: 0; }
  .n-nav:not([__null__]) .n-nav-btn.n-nav-btnText {
    border: 0;
    color: #fff;
    padding: 0;
    margin-left: 25px; }

.n-footer:not([__null__]) {
  background: #000b3a;
  padding: 35px 0 52px 0;
  text-align: center; }
  .n-footer:not([__null__]) > img {
    margin: 0 auto;
    display: block;
    height: 28px; }
  .n-footer:not([__null__]) > h3 {
    margin-top: 27px;
    line-height: 1;
    font-size: 24px;
    color: #8ca9fb; }
  .n-footer:not([__null__]) > p {
    margin-top: 36px;
    line-height: 1.3;
    font-size: 18px;
    color: #8ca9fb; }

.n-tb {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  border: 1px solid #1441c1;
  text-align: center;
  table-layout: fixed; }
  .n-tb td, .n-tb th {
    padding: 16px;
    border-top: 1px solid #1441c1;
    border-bottom: 1px solid #1441c1; }
  .n-tb thead {
    background: #001750; }
  .n-tb th {
    color: #9eb9fd; }
  .n-tb td {
    color: #fff; }
  .n-tb .n-tb-cell {
    display: flex;
    justify-content: center;
    align-items: center; }

.n-checkbox {
  border: 1px solid #1441c1;
  background: #000638;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  display: inline-flex; }
  .n-checkbox.n-checkboxCheck {
    border: 0;
    background: #1441c1; }
    .n-checkbox.n-checkboxCheck::before {
      content: ' ';
      position: absolute;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 55%;
      height: 25%;
      transform: translate(-50%, -60%) rotateZ(-45deg);
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff; }

.n-page {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px; }
  .n-page > button, .n-page > span {
    height: 32px;
    padding: 0 13px;
    background: #001750;
    border: 1px solid #1441c1;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9eb9fd; }
  .n-page > button {
    cursor: pointer; }
  .n-page .n-page-cur {
    background: #1441c1;
    border: 0; }

.n-box {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto; }

.phome:not([__null__]) {
  height: 100vh;
  overflow: auto;
  background: #060b35; }
  .phome:not([__null__])::-webkit-scrollbar {
    background: #041252;
    width: 12px;
    height: 12px; }
  .phome:not([__null__])::-webkit-scrollbar-thumb {
    background: #093d9c; }
  .phome:not([__null__])::-webkit-scrollbar-button {
    display: none; }
  .phome:not([__null__]) .phome-main {
    background: url(../images/14.png) no-repeat right center/cover; }
  .phome:not([__null__]) .phome-content {
    padding: 161px 0 114px 0; }
    .phome:not([__null__]) .phome-content > h1 {
      font-size: 32px;
      color: #fff; }
    .phome:not([__null__]) .phome-content > h2 {
      color: cyan;
      line-height: 1.6;
      font-size: 36px;
      margin: 63px 0; }
    .phome:not([__null__]) .phome-content > p {
      display: flex;
      align-items: center;
      font-size: 24px;
      color: #fff;
      line-height: 1; }
      .phome:not([__null__]) .phome-content > p + p {
        margin-top: 36px; }
      .phome:not([__null__]) .phome-content > p > i {
        width: 17px;
        border-radius: 50%;
        box-shadow: 0 0 20px 3px cyan;
        border: 1px solid cyan;
        height: 17px;
        background: #fff;
        margin-right: 20px; }
      .phome:not([__null__]) .phome-content > p + h3 {
        margin-top: 70px; }
    .phome:not([__null__]) .phome-content > h3 {
      height: 40px;
      background: url(../images/5.png) no-repeat left center/auto 100%;
      display: flex;
      align-items: center;
      padding-left: 61px;
      color: #f5dc09;
      font-size: 24px; }
    .phome:not([__null__]) .phome-content > article {
      margin-top: 21px;
      color: #fff;
      height: 201px;
      line-height: 1.6;
      font-size: 18px;
      padding: 61px 18px 63px 51px;
      width: 827px;
      transform: translate(-20px);
      background: url(../images/2.png) no-repeat left center/auto 100%; }
      .phome:not([__null__]) .phome-content > article + h3 {
        margin-top: 34px;
        background: url(../images/6.png) no-repeat left center/auto 100%; }
      .phome:not([__null__]) .phome-content > article + h3 + article {
        transform: translate(-30px);
        width: 1111px;
        padding: 53px 45px 59px 52px;
        height: 249px;
        background: url(../images/1.png) no-repeat left center/auto 100%; }

.ppm:not([__null__]) {
  height: 100vh;
  overflow: auto;
  padding-bottom: 300px;
  overflow-x: hidden;
  background: #060b35 url(../images/43.png) no-repeat center top/cover; }
  .ppm:not([__null__])::-webkit-scrollbar {
    background: #041252;
    width: 12px;
    height: 12px; }
  .ppm:not([__null__])::-webkit-scrollbar-thumb {
    background: #093d9c; }
  .ppm:not([__null__])::-webkit-scrollbar-button {
    display: none; }
  .ppm:not([__null__]) .ppm-logo {
    display: block;
    margin: 0 auto;
    height: 100px;
    margin-top: 48px; }
  .ppm:not([__null__]) .ppm-search {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    max-width: 813px;
    margin-top: 38px; }
    .ppm:not([__null__]) .ppm-search > div {
      display: flex;
      align-items: center;
      height: 64px;
      font-size: 30px;
      align-items: stretch; }
      .ppm:not([__null__]) .ppm-search > div > input {
        color: #333;
        border: 0;
        border: 1px solid #455efa;
        border-right: 0;
        padding: 0 20px;
        background: #fff;
        width: 100%;
        flex: 1; }
      .ppm:not([__null__]) .ppm-search > div > button {
        color: #fff;
        background: #1441c1;
        padding: 0 36px;
        flex-shrink: 0;
        border: 0; }
    .ppm:not([__null__]) .ppm-search > footer {
      margin-top: 16px;
      display: flex;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
      align-content: flex-start; }
      .ppm:not([__null__]) .ppm-search > footer > i {
        color: #9eb9fd;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #041252;
        border: 1px solid #1441c1;
        height: 40px;
        padding: 0 20px; }
  .ppm:not([__null__]) .ppm-tb {
    margin-top: 60px;
    padding: 45px;
    position: relative;
    background: url(../images/40.png) no-repeat center/100% 100%; }
    .ppm:not([__null__]) .ppm-tb::before, .ppm:not([__null__]) .ppm-tb::after {
      content: ' ';
      background: url(../images/42.png) no-repeat center/100% 100%;
      position: absolute;
      right: 100%;
      bottom: 43px;
      width: 325px;
      height: 549px; }
    .ppm:not([__null__]) .ppm-tb::after {
      right: auto;
      left: 100%;
      bottom: 59px;
      width: 306px;
      height: 472px;
      background: url(../images/41.png) no-repeat center/100% 100%; }
    .ppm:not([__null__]) .ppm-tb .ppm-tb-line {
      display: grid;
      grid-auto-rows: 64px;
      grid-template-columns: repeat(18, 1fr); }
      .ppm:not([__null__]) .ppm-tb .ppm-tb-line > li {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0; }
    .ppm:not([__null__]) .ppm-tb .ppm-tb-item {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      background: url(../images/12.png) no-repeat center/100% 100%; }
      .ppm:not([__null__]) .ppm-tb .ppm-tb-item > h3 {
        color: #fff;
        line-height: 1;
        font-size: 24px; }
      .ppm:not([__null__]) .ppm-tb .ppm-tb-item > p {
        font-size: 16px;
        line-height: 1;
        color: #9eb9fd;
        margin-top: 5px; }
    .ppm:not([__null__]) .ppm-tb .ppm-tb-itemCur {
      background: url(../images/11.png) no-repeat center/100% 100%; }
  .ppm:not([__null__]) .ppm-title {
    height: 44px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-items: stretch;
    gap: 24px; }
    .ppm:not([__null__]) .ppm-title > em {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 200px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      font-size: 16px;
      color: #9eb9fd;
      border-bottom: 2px solid #0f33a1; }
    .ppm:not([__null__]) .ppm-title > button {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 22px;
      gap: 18px;
      cursor: pointer;
      background: #041252;
      border: 1px solid #1441c1;
      color: #0fffff;
      font-size: 16px; }
      .ppm:not([__null__]) .ppm-title > button > img {
        height: 20px; }
    .ppm:not([__null__]) .ppm-title > img {
      width: 44px;
      height: 44px; }
  .ppm:not([__null__]) .ppm-list {
    margin-top: 50px;
    padding: 40px;
    box-shadow: 0 0 30px 1px #0f33a1;
    border: 1px solid #0f33a1;
    padding: 20px; }
    .ppm:not([__null__]) .ppm-list .n-tb {
      margin-top: 19px; }
      .ppm:not([__null__]) .ppm-list .n-tb .n-tb-cell {
        gap: 9px; }
      .ppm:not([__null__]) .ppm-list .n-tb tbody > tr {
        background: #000638; }
        .ppm:not([__null__]) .ppm-list .n-tb tbody > tr:nth-child(2n) {
          background: #001750; }
    .ppm:not([__null__]) .ppm-list .n-page {
      margin-top: 32px; }
  .ppm:not([__null__]) .ppm-form {
    margin-top: 50px;
    padding: 40px;
    box-shadow: 0 0 30px 1px #0f33a1;
    border: 1px solid #0f33a1;
    padding: 20px; }
    .ppm:not([__null__]) .ppm-form > h3 {
      gap: 12px; }
      .ppm:not([__null__]) .ppm-form > h3 > em {
        width: 400px; }
    .ppm:not([__null__]) .ppm-form .ppm-form-content {
      padding: 24px;
      background: #001750;
      border: 1px solid #1441c1;
      margin-top: 19px; }
      .ppm:not([__null__]) .ppm-form .ppm-form-content > div {
        line-height: 1.8;
        font-size: 16px;
        color: #fff; }
      .ppm:not([__null__]) .ppm-form .ppm-form-content > ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 30px;
        align-content: flex-start;
        gap: 10px 0; }
        .ppm:not([__null__]) .ppm-form .ppm-form-content > ul > li {
          flex: 0 0 40%;
          height: 33px;
          width: 0; }
        .ppm:not([__null__]) .ppm-form .ppm-form-content > ul .ppm-form-input {
          border-bottom: 1px solid #1441c1;
          display: flex;
          align-items: center;
          gap: 10px;
          font-size: 16px; }
          .ppm:not([__null__]) .ppm-form .ppm-form-content > ul .ppm-form-input > span {
            flex: 0 0 100px;
            color: #fff;
            width: 0; }
          .ppm:not([__null__]) .ppm-form .ppm-form-content > ul .ppm-form-input > input {
            border: 0;
            background: none;
            color: #9eb9fd;
            flex: 1;
            width: 100%; }
    .ppm:not([__null__]) .ppm-form .ppm-form-sub {
      width: 146px;
      height: 44px;
      margin: 0 auto;
      margin-top: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 22px;
      gap: 18px;
      cursor: pointer;
      background: #041252;
      border: 1px solid #1441c1;
      color: #0fffff;
      font-size: 16px; }
      .ppm:not([__null__]) .ppm-form .ppm-form-sub > img {
        height: 20px; }

.ptracing:not([__null__]) {
  height: 100vh;
  background: #060b35; }
  .ptracing:not([__null__]) .ptracing-main {
    width: 1089px;
    margin-top: 198px;
    background: url(../images/7.png) no-repeat center/cover;
    height: 579px;
    font-size: 30px;
    color: #9eb9fd;
    text-align: center;
    padding-top: 44px; }

.pupload:not([__null__]) {
  height: 100vh;
  overflow: auto;
  background: #060b35 url(../images/21.png) no-repeat center bottom/cover; }
  .pupload:not([__null__])::-webkit-scrollbar {
    background: #041252;
    width: 12px;
    height: 12px; }
  .pupload:not([__null__])::-webkit-scrollbar-thumb {
    background: #093d9c; }
  .pupload:not([__null__])::-webkit-scrollbar-button {
    display: none; }
  .pupload:not([__null__]) .pupload-oper {
    height: 602px;
    margin-top: 32px;
    background: url(../images/23.png) no-repeat center/cover;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding-bottom: 32px;
    align-items: flex-end; }
    .pupload:not([__null__]) .pupload-oper > div {
      width: 40%;
      cursor: pointer;
      max-width: 480px;
      height: 200px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      background: #111f70;
      border: 1px solid #1441c1; }
      .pupload:not([__null__]) .pupload-oper > div > img {
        height: 99px; }
      .pupload:not([__null__]) .pupload-oper > div > p {
        margin-top: 10px;
        font-size: 30px;
        color: #fff; }
        .pupload:not([__null__]) .pupload-oper > div > p > em {
          color: #17a8fc; }
  .pupload:not([__null__]) .pupload-tb {
    margin-top: 50px;
    padding: 40px;
    box-shadow: 0 0 30px 1px #0f33a1;
    border: 1px solid #0f33a1;
    padding: 20px; }
    .pupload:not([__null__]) .pupload-tb > h3 {
      height: 44px;
      position: relative;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      align-items: stretch; }
      .pupload:not([__null__]) .pupload-tb > h3 > em {
        flex: 1;
        margin-right: 43px;
        width: 0;
        font-size: 16px;
        letter-spacing: -0.8px;
        color: #9eb9fd;
        border-bottom: 2px solid #0f33a1; }
      .pupload:not([__null__]) .pupload-tb > h3 > button {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 22px;
        margin-right: 24px;
        gap: 18px;
        cursor: pointer;
        background: #041252;
        border: 1px solid #1441c1;
        color: #0fffff;
        font-size: 16px; }
        .pupload:not([__null__]) .pupload-tb > h3 > button > img {
          height: 20px; }
      .pupload:not([__null__]) .pupload-tb > h3 > img {
        width: 44px;
        height: 44px; }
    .pupload:not([__null__]) .pupload-tb > h4 {
      margin-top: 19px;
      padding: 0 24px;
      color: #fff;
      font-size: 16px;
      height: 44px;
      display: flex;
      align-items: center;
      background: #001750;
      border: 1px solid #1441c1; }
      .pupload:not([__null__]) .pupload-tb > h4 > img {
        margin-left: 31px;
        height: 32px; }
      .pupload:not([__null__]) .pupload-tb > h4 > button {
        margin-left: auto;
        border: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 18px;
        color: cyan; }
        .pupload:not([__null__]) .pupload-tb > h4 > button > img {
          height: 20px; }
    .pupload:not([__null__]) .pupload-tb > article {
      border: 1px solid #1441c1;
      border-top: 0;
      height: 472px;
      background: #000638;
      padding: 24px;
      overflow: auto; }
      .pupload:not([__null__]) .pupload-tb > article::-webkit-scrollbar {
        background: #041252;
        width: 12px;
        height: 12px; }
      .pupload:not([__null__]) .pupload-tb > article::-webkit-scrollbar-thumb {
        background: #093d9c; }
      .pupload:not([__null__]) .pupload-tb > article::-webkit-scrollbar-button {
        display: none; }
      .pupload:not([__null__]) .pupload-tb > article .n-tb td, .pupload:not([__null__]) .pupload-tb > article .n-tb th {
        padding: 10px;
        border: 1px solid #1441c1; }
  .pupload:not([__null__]) .pupload-sub {
    width: 146px;
    height: 44px;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 22px;
    gap: 18px;
    cursor: pointer;
    background: #041252;
    border: 1px solid #1441c1;
    color: #0fffff;
    font-size: 16px; }
    .pupload:not([__null__]) .pupload-sub > img {
      height: 20px; }

.pregister:not([__null__]) {
  height: 100vh;
  overflow: auto;
  background: #060b35 url(../images/21.png) no-repeat center bottom/cover; }
  .pregister:not([__null__])::-webkit-scrollbar {
    background: #041252;
    width: 12px;
    height: 12px; }
  .pregister:not([__null__])::-webkit-scrollbar-thumb {
    background: #093d9c; }
  .pregister:not([__null__])::-webkit-scrollbar-button {
    display: none; }
  .pregister:not([__null__]) .pregister-icon {
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 26px;
    border-bottom: 2px solid #1441c1;
    width: 200px;
    color: #9eb9fd; }
    .pregister:not([__null__]) .pregister-icon > img {
      height: 32px;
      margin-bottom: 16px; }
  .pregister:not([__null__]) .pregister-form {
    max-width: 760px;
    margin-top: 24px; }
    .pregister:not([__null__]) .pregister-form input {
      background: #000638;
      border: 1px solid #1441c1;
      height: 40px;
      color: #fff;
      padding: 0 15px; }
    .pregister:not([__null__]) .pregister-form .pregister-form-line {
      display: flex;
      align-items: center;
      margin-bottom: 24px; }
      .pregister:not([__null__]) .pregister-form .pregister-form-line > span {
        width: 0;
        letter-spacing: -0.5px;
        font-size: 16px;
        color: #fff;
        flex: 0 0 300px;
        text-align: right;
        padding-right: 22px; }
      .pregister:not([__null__]) .pregister-form .pregister-form-line > input {
        width: 100%;
        flex: 1; }
    .pregister:not([__null__]) .pregister-form .pregister-form-code > img {
      margin-left: 10px;
      height: 40px;
      width: 136px;
      flex-shrink: 0; }
    .pregister:not([__null__]) .pregister-form .pregister-form-upload {
      align-items: flex-start; }
      .pregister:not([__null__]) .pregister-form .pregister-form-upload > div {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px; }
        .pregister:not([__null__]) .pregister-form .pregister-form-upload > div > img {
          object-fit: cover;
          width: 64px;
          height: 64px; }
  .pregister:not([__null__]) .pregister-sub {
    width: 146px;
    height: 44px;
    margin: 0 auto;
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 22px;
    gap: 18px;
    cursor: pointer;
    background: #041252;
    border: 1px solid #1441c1;
    color: #0fffff;
    font-size: 16px; }
    .pregister:not([__null__]) .pregister-sub > img {
      height: 20px; }

.pdata:not([__null__]) {
  padding-bottom: 40px;
  height: 100vh;
  overflow: auto;
  background: #060b35 url(../images/34.png) no-repeat center bottom/cover; }
  .pdata:not([__null__])::-webkit-scrollbar {
    background: #041252;
    width: 12px;
    height: 12px; }
  .pdata:not([__null__])::-webkit-scrollbar-thumb {
    background: #093d9c; }
  .pdata:not([__null__])::-webkit-scrollbar-button {
    display: none; }
  .pdata:not([__null__]) .pdata-main {
    margin-top: 24px;
    background: url(../images/36.png) no-repeat center bottom/cover;
    position: relative; }
    .pdata:not([__null__]) .pdata-main > footer {
      height: 70px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 18px;
      background: linear-gradient(0deg, rgba(16, 27, 117, 0.5) 0%, rgba(0, 5, 47, 0) 100%); }
      .pdata:not([__null__]) .pdata-main > footer > em {
        color: #ffc28e;
        margin-left: 7px; }
  .pdata:not([__null__]) .pdata-green {
    color: #9fd83f !important; }
  .pdata:not([__null__]) .pdata-map {
    height: 720px; }
    .pdata:not([__null__]) .pdata-map > img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .pdata:not([__null__]) .pdata-tabs {
    position: absolute;
    left: 50%;
    top: 24px;
    transform: translate(-50%);
    z-index: 2;
    font-size: 18px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: stretch;
    color: #9eb9fd; }
    .pdata:not([__null__]) .pdata-tabs > li {
      flex: 0 0 88px;
      width: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      background: url(../images/31.png) no-repeat center/100% 100%; }
    .pdata:not([__null__]) .pdata-tabs .pdata-tabs-cur {
      color: #fff;
      background: url(../images/32.png) no-repeat center/100% 100%; }
  .pdata:not([__null__]) .pdata-menu {
    position: absolute;
    left: 24px;
    top: 24px;
    bottom: 24px;
    width: 64px; }
    .pdata:not([__null__]) .pdata-menu > li {
      width: 100%;
      height: 64px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      font-size: 24px;
      color: #fff;
      background: url(../images/11.png) no-repeat center/100% 100%; }
      .pdata:not([__null__]) .pdata-menu > li + li {
        margin-top: 4px; }
      .pdata:not([__null__]) .pdata-menu > li.pdata-menu-cur {
        background: url(../images/9.png) no-repeat center/100% 100%; }
  .pdata:not([__null__]) .pdata-btn {
    cursor: pointer;
    margin: 0 auto;
    width: 420px;
    margin-top: 32px;
    height: 104px;
    padding: 0 32px;
    display: flex;
    align-items: center;
    gap: 10px;
    align-items: center;
    background: #111f70;
    border: 1px solid #1441c1; }
    .pdata:not([__null__]) .pdata-btn > img {
      height: 62px; }
    .pdata:not([__null__]) .pdata-btn > p {
      flex: 1;
      width: 0;
      text-align: center;
      font-size: 24px;
      color: #fff; }

.plogin:not([__null__]) {
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #060b35 url(../images/37.png) no-repeat center bottom/cover; }
  .plogin:not([__null__]) .plogin-main {
    margin: auto 0;
    align-self: center;
    background: url(../images/38.png) no-repeat center/100% 100%;
    width: 526px;
    height: 574px;
    display: flex;
    flex-direction: column;
    padding: 130px 57px 0 57px;
    align-items: stretch; }
    .plogin:not([__null__]) .plogin-main > p {
      font-size: 18px;
      color: #9eb9fd;
      margin-bottom: 12px;
      line-height: 1; }
    .plogin:not([__null__]) .plogin-main > h3 {
      display: flex;
      align-items: center;
      height: 40px;
      margin-bottom: 20px; }
      .plogin:not([__null__]) .plogin-main > h3 > input {
        border: 1px solid #1441c1;
        background: #000638;
        padding: 0 24px;
        font-size: 18px;
        height: 100%;
        color: #fff;
        width: 100%;
        flex: 1; }
        .plogin:not([__null__]) .plogin-main > h3 > input::-webkit-input-placeholder {
          color: #223a99; }
      .plogin:not([__null__]) .plogin-main > h3 > img {
        flex-shrink: 0;
        width: 105px;
        height: 100%; }
    .plogin:not([__null__]) .plogin-main > h4 {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-top: -7px;
      font-size: 16px;
      line-height: 1;
      color: #9eb9fd; }
      .plogin:not([__null__]) .plogin-main > h4:hover {
        opacity: 0.9; }
    .plogin:not([__null__]) .plogin-main > button {
      color: #fff;
      font-size: 30px;
      height: 90px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 0;
      background: none; }
  .plogin:not([__null__]) .plogin-footer {
    font-size: 18px;
    color: #8ca9fb;
    background: #000b3a;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center; }

.preset:not([__null__]) .preset-main {
  background: url(../images/39.png) no-repeat center/100% 100%;
  padding: 70px 57px 0 57px; }
  .preset:not([__null__]) .preset-main > h1 {
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 10px; }
  .preset:not([__null__]) .preset-main > h2 {
    font-size: 14px;
    color: #9eb9fd;
    line-height: 1.6;
    text-align: center;
    max-width: 360px;
    align-self: center;
    width: 100%;
    margin-bottom: 10px; }
  .preset:not([__null__]) .preset-main > h5 {
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
    .preset:not([__null__]) .preset-main > h5 > button {
      height: 40px;
      background: #0D1E63;
      border: 1px solid #1441C1;
      padding: 0 11px;
      font-size: 18px;
      color: #fff; }
  .preset:not([__null__]) .preset-main > h6 > button {
    height: 50px;
    width: 100%;
    background: #1441c1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    font-size: 27px;
    color: #fff;
    box-shadow: 0 0 10px 1px #1d5cd7, 0 0 10px 1px #1d5cd7 inset; }
  .preset:not([__null__]) .preset-main > a {
    margin-top: 30px;
    height: 55px;
    font-size: 16px;
    color: #fff;
    width: 140px;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center; }
#content:not([__null__]) .tt_img {
  width: 160%;margin-left: -30%}

@media screen and (max-width: 1300px) {
  #userInfo:not([__null__]) {
    margin-left: 50%}
  #content:not([__null__]) .tt_img {
    width: 100%;margin-left: -39%}
  .n-nav:not([__null__]) > div {
    height: 60px; }
  .n-nav:not([__null__]) .n-nav-logo {
    font-size: 20px; }
  .n-nav:not([__null__]) .n-nav-logo img{
    width: 40%;
    margin: -9% 0px -90px -6% }
  .n-nav:not([__null__]) .n-nav-links {
    margin-left: 5%;
    font-size: 14px; }
  #content:not([__null__]) .tt_img {
    width: 110%;
    margin-left: -5%; }
    .n-nav:not([__null__]) .n-nav-links > a + a {
      margin-left: 20px; }
    .n-nav:not([__null__]) .n-nav-links .n-nav-links-cur::after {
      width: 10px;
      box-shadow: 0 0 10px 3px cyan;
      height: 10px; }
  .n-nav:not([__null__]) .n-nav-btn {
    height: 34px;
    padding: 0 10px;
    font-size: 13px;margin-left: 40%;margin-right: 10px }
    .n-nav:not([__null__]) .n-nav-btn.n-nav-btnText {
      margin-left: 15px; }
  .n-tb {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    border: 1px solid #1441c1;
    text-align: center;
    table-layout: fixed; }
    .n-tb td, .n-tb th {
      padding: 16px;
      border-top: 1px solid #1441c1;
      border-bottom: 1px solid #1441c1; }
    .n-tb thead {
      background: #001750; }
    .n-tb th {
      color: #9eb9fd; }
    .n-tb td {
      color: #fff; }
    .n-tb .n-tb-cell {
      display: flex;
      justify-content: center;
      align-items: center; }
  .n-checkbox {
    border: 1px solid #1441c1;
    background: #000638;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    display: inline-flex; }
    .n-checkbox.n-checkboxCheck {
      border: 0;
      background: #1441c1; }
      .n-checkbox.n-checkboxCheck::before {
        content: ' ';
        position: absolute;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 55%;
        height: 25%;
        transform: translate(-50%, -60%) rotateZ(-45deg);
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff; }
  .n-page {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; }
    .n-page > button, .n-page > span {
      height: 32px;
      padding: 0 13px;
      background: #001750;
      border: 1px solid #1441c1;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #9eb9fd; }
    .n-page > button {
      cursor: pointer; }
    .n-page .n-page-cur {
      background: #1441c1;
      border: 0; }
  .phome:not([__null__]) .phome-content > p {
    font-size: 20px; }
    .phome:not([__null__]) .phome-content > p + p {
      margin-top: 36px; }
    .phome:not([__null__]) .phome-content > p > i {
      width: 12px;
      height: 12px;
      margin-right: 15px; }
  .phome:not([__null__]) .phome-content > article {
    font-size: 15px; }
    .phome:not([__null__]) .phome-content > article + h3 + article {
      width: 100%; }
  .ppm:not([__null__]) .ppm-search {
    max-width: 613px;
    margin-top: 25px; }
    .ppm:not([__null__]) .ppm-search > div {
      height: 50px;
      font-size: 20px; }
    .ppm:not([__null__]) .ppm-search > footer {
      margin-top: 12px;
      gap: 12px; }
      .ppm:not([__null__]) .ppm-search > footer > i {
        font-size: 15px;
        height: 35px;
        padding: 0 15px; }
  .ppm:not([__null__]) .ppm-tb {
    margin-top: 30px;
    padding: 20px; }
    .ppm:not([__null__]) .ppm-tb .ppm-tb-line {
      display: grid;
      grid-auto-rows: 40px; }
    .ppm:not([__null__]) .ppm-tb .ppm-tb-item > h3 {
      font-size: 16px; }
    .ppm:not([__null__]) .ppm-tb .ppm-tb-item > p {
      font-size: 12px;
      margin-top: 2px; }
  .ptracing:not([__null__]) .ptracing-main {
    width: 100%;
    margin-top: 100px;
    height: 53vw;
    font-size: 20px;
    padding-top: 5vw; }
  .pupload:not([__null__]) .pupload-tb > h3 > em {
    margin-right: 20px;
    line-height: 1.5;
    font-size: 14px; }
  .pupload:not([__null__]) .pupload-tb > h3 > button {
    padding: 0 12px;
    gap: 5px;
    margin-right: 10px;
    font-size: 13px; }
    .pupload:not([__null__]) .pupload-tb > h3 > button > img {
      height: 15px; }
  .pupload:not([__null__]) .pupload-tb > h3 > img {
    width: 44px;
    height: 44px; }
  .pupload:not([__null__]) .pupload-tb > h4 {
    padding: 0 12px;
    font-size: 14px; }
    .pupload:not([__null__]) .pupload-tb > h4 > img {
      margin-left: 21px; }
    .pupload:not([__null__]) .pupload-tb > h4 > button {
      gap: 12px; }
  .pupload:not([__null__]) .pupload-tb > article {
    padding: 12px; }
    .pupload:not([__null__]) .pupload-tb > article .n-tb td, .pupload:not([__null__]) .pupload-tb > article .n-tb th {
      padding: 10px;
      font-size: 14px; }
  .pregister:not([__null__]) .pregister-form .pregister-form-line > span {
    font-size: 14px;
    flex: 0 0 260px;
    padding-right: 15px; }
  .pdata:not([__null__]) {
    padding-bottom: 40px; }
    .pdata:not([__null__]) .pdata-main {
      margin-top: 24px; }
      .pdata:not([__null__]) .pdata-main > footer {
        height: 50px;
        font-size: 14px; }
    .pdata:not([__null__]) .pdata-map {
      height: 450px; }
    .pdata:not([__null__]) .pdata-tabs {
      top: 10px;
      font-size: 14px; }
    .pdata:not([__null__]) .pdata-menu {
      left: 10px;
      top: 10px;
      bottom: 10px;
      width: 40px; }
      .pdata:not([__null__]) .pdata-menu > li {
        height: 40px;
        font-size: 16px; }
    .pdata:not([__null__]) .pdata-btn {
      width: 210px;
      margin-top: 20px;
      height: 52px;
      padding: 0 16px; }
      .pdata:not([__null__]) .pdata-btn > img {
        height: 32px; }
      .pdata:not([__null__]) .pdata-btn > p {
        font-size: 14px; } }

@media screen and (max-width: 800px) {
  #register{
    margin-left: 55%;
  }
  .n:not([__null__])::-webkit-scrollbar {
    background: #041252;
    width: 0px;
    height: 0px; }
  .n:not([__null__])::-webkit-scrollbar-thumb {
    background: #093d9c; }
  .n:not([__null__])::-webkit-scrollbar-button {
    display: none; }
  .n-nav:not([__null__]) > div {
    overflow: hidden;
    padding: 10px 0;
    flex-wrap: wrap;
    align-content: flex-start;
    height: auto; }
  .n-nav:not([__null__]) .n-nav-logo {
    font-size: 20px; }
  .n-nav:not([__null__]) .n-nav-links {
    transform: scale(0.8);
    order: 3;
    transform-origin: left top;
    flex-shrink: 0;
    width: 112.5vw;
    margin-left: 0px;
    margin-bottom: -8px;
    font-size: 12px;
    height: 40px; }
    .n-nav:not([__null__]) .n-nav-links > a + a {
      margin-left: auto; }
    .n-nav:not([__null__]) .n-nav-links .n-nav-links-cur::after {
      width: 6px;
      box-shadow: 0 0 6px 3px cyan;
      height: 6px; }
  .n-nav:not([__null__]) .n-nav-btn {
    margin-left: auto; }
  .n-footer:not([__null__]) {
    padding: 35px 5% 52px 5%; }
    .n-footer:not([__null__]) > img {
      height: 22px; }
    .n-footer:not([__null__]) > h3 {
      margin-top: 10px;
      font-size: 16px; }
    .n-footer:not([__null__]) > p {
      margin-top: 16px;
      font-size: 14px; }
  .n-tbWrap {
    width: 100%;
    overflow-x: auto; }
  .n-tb {
    font-size: 12px;
    table-layout: fixed; }
    .n-tb td, .n-tb th {
      padding: 10px; }
  .n-checkbox {
    width: 16px;
    height: 16px; }
  .n-page > button, .n-page > span {
    height: 27px;
    padding: 0 10px;
    font-size: 13px; }
  .phome:not([__null__]) .phome-content {
    padding: 51px 0 0px 0; }
    .phome:not([__null__]) .phome-content > h1 {
      font-size: 26px; }
    .phome:not([__null__]) .phome-content > h2 {
      font-size: 26px;
      margin: 33px 0; }
    .phome:not([__null__]) .phome-content > p {
      font-size: 15px; }
      .phome:not([__null__]) .phome-content > p + p {
        margin-top: 20px; }
      .phome:not([__null__]) .phome-content > p > i {
        width: 12px;
        box-shadow: 0 0 12px 3px cyan;
        height: 12px;
        margin-right: 12px; }
      .phome:not([__null__]) .phome-content > p + h3 {
        margin-top: 40px; }
    .phome:not([__null__]) .phome-content > h3 {
      height: 30px;
      padding-left: 40px;
      font-size: 16px; }
    .phome:not([__null__]) .phome-content > article {
      margin-top: 15px;
      font-size: 13px;
      padding: 41px 0px 0px 31px;
      width: 104%; }
      .phome:not([__null__]) .phome-content > article + h3 {
        margin-top: 15px; }
      .phome:not([__null__]) .phome-content > article + h3 + article {
        width: 105%;
        padding: 41px 0px 0px 41px;
        height: 313px; }
  .ppm:not([__null__]) {
    padding-bottom: 50px; }
    .ppm:not([__null__]) .ppm-logo {
      height: 70px;
      margin-top: 35px; }
    .ppm:not([__null__]) .ppm-search {
      margin-top: 25px; }
      .ppm:not([__null__]) .ppm-search > div {
        height: 40px;
        font-size: 14px; }
      .ppm:not([__null__]) .ppm-search > footer {
        gap: 10px;
        margin-top: 10px; }
        .ppm:not([__null__]) .ppm-search > footer > i {
          font-size: 13px;
          height: 30px;
          padding: 0 10px; }
    .ppm:not([__null__]) .ppm-tb {
      width: 180vw;
      transform: scale(0.5);
      margin-top: 30px;
      transform-origin: left top;
      max-width: none;
      margin-bottom: -40vw; }
      .ppm:not([__null__]) .ppm-tb .ppm-tb-line {
        grid-auto-rows: 15vw; }
      .ppm:not([__null__]) .ppm-tb .ppm-tb-item > h3 {
        font-size: 4vw; }
      .ppm:not([__null__]) .ppm-tb .ppm-tb-item > p {
        font-size: 3vw;
        margin-top: 1vw; }
    .ppm:not([__null__]) .ppm-title {
      height: 30px;
      gap: 10px; }
      .ppm:not([__null__]) .ppm-title > em {
        margin-right: auto;
        position: static;
        width: auto;
        transform: none;
        font-size: 13px; }
      .ppm:not([__null__]) .ppm-title > button {
        padding: 0 12px;
        gap: 5px;
        font-size: 13px; }
        .ppm:not([__null__]) .ppm-title > button > img {
          height: 15px; }
      .ppm:not([__null__]) .ppm-title > img {
        width: 30px;
        height: 30px; }
    .ppm:not([__null__]) .ppm-list {
      margin-top: 30px;
      padding: 10px; }
      .ppm:not([__null__]) .ppm-list .n-tb {
        width: 800px;
        margin-top: 15px; }
      .ppm:not([__null__]) .ppm-list .n-page {
        margin-top: 15px; }
    .ppm:not([__null__]) .ppm-form {
      margin-top: 30px;
      padding: 10px; }
      .ppm:not([__null__]) .ppm-form > h3 {
        gap: 10px; }
        .ppm:not([__null__]) .ppm-form > h3 > em {
          width: auto; }
      .ppm:not([__null__]) .ppm-form .ppm-form-content {
        padding: 12px;
        margin-top: 15px; }
        .ppm:not([__null__]) .ppm-form .ppm-form-content > div {
          line-height: 1.5;
          font-size: 14px; }
        .ppm:not([__null__]) .ppm-form .ppm-form-content > ul {
          margin-top: 20px; }
          .ppm:not([__null__]) .ppm-form .ppm-form-content > ul > li {
            flex: 0 0 100%;
            height: 30px;
            width: 0; }
            .ppm:not([__null__]) .ppm-form .ppm-form-content > ul > li:nth-child(2) {
              display: none; }
          .ppm:not([__null__]) .ppm-form .ppm-form-content > ul .ppm-form-input {
            font-size: 14px; }
  .ptracing:not([__null__]) .ptracing-main {
    margin-top: 20vw;
    padding: 0 20vw;
    font-size: 17px; }
  .pupload:not([__null__]) .pupload-oper {
    height: 502px;
    margin-top: 10px;
    gap: 20px;
    padding-bottom: 20px; }
    .pupload:not([__null__]) .pupload-oper > div {
      width: 0;
      flex: 1;
      height: 150px; }
      .pupload:not([__null__]) .pupload-oper > div > img {
        height: 50px; }
      .pupload:not([__null__]) .pupload-oper > div > p {
        text-align: center;
        line-height: 1.5;
        margin-top: 10px;
        font-size: 14px; }
  .pupload:not([__null__]) .pupload-tb {
    padding: 10px; }
    .pupload:not([__null__]) .pupload-tb > h3 {
      height: auto;
      flex-wrap: wrap;
      align-items: flex-start; }
      .pupload:not([__null__]) .pupload-tb > h3 > em {
        padding-bottom: 5px;
        flex: 0 0 100%;
        font-size: 13px;
        margin: 0;
        margin-bottom: 10px;
        text-align: center; }
      .pupload:not([__null__]) .pupload-tb > h3 > button {
        padding: 0 5px;
        height: 30px;
        margin-right: 10px;
        gap: 5px;
        font-size: 13px; }
        .pupload:not([__null__]) .pupload-tb > h3 > button > img {
          height: 15px; }
      .pupload:not([__null__]) .pupload-tb > h3 > img {
        width: 30px;
        height: 30px; }
    .pupload:not([__null__]) .pupload-tb > h4 {
      margin-top: 20px;
      padding: 0 12px;
      font-size: 13px;
      height: 36px; }
      .pupload:not([__null__]) .pupload-tb > h4 > img {
        margin-left: 12px;
        height: 22px; }
      .pupload:not([__null__]) .pupload-tb > h4 > button {
        gap: 10px; }
        .pupload:not([__null__]) .pupload-tb > h4 > button > img {
          height: 16px; }
    .pupload:not([__null__]) .pupload-tb > article {
      height: auto;
      padding: 12px;
      height: 400px; }
      .pupload:not([__null__]) .pupload-tb > article .n-tb td, .pupload:not([__null__]) .pupload-tb > article .n-tb th {
        padding: 5px 10px; }
  .pupload:not([__null__]) .pupload-sub {
    width: 146px;
    height: 44px;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 22px;
    gap: 18px;
    cursor: pointer;
    background: #041252;
    border: 1px solid #1441c1;
    color: #0fffff;
    font-size: 16px; }
    .pupload:not([__null__]) .pupload-sub > img {
      height: 20px; }
  .pregister:not([__null__]) {
    padding-bottom: 50px; }
    .pregister:not([__null__]) .pregister-form input {
      background: #000638;
      border: 1px solid #1441c1;
      height: 40px;
      color: #fff;
      padding: 0 15px; }
    .pregister:not([__null__]) .pregister-form .pregister-form-line {
      margin-bottom: 24px;
      flex-wrap: wrap;
      align-content: flex-start; }
      .pregister:not([__null__]) .pregister-form .pregister-form-line > span {
        flex: 0 0 100%;
        width: 100%;
        display: flex;
        align-items: center;
        font-size: 14px;
        margin-bottom: 5px; }
  .pdata:not([__null__]) .pdata-main {
    padding-top: 85px; }
  .pdata:not([__null__]) .pdata-map {
    height: 700px; }
  .pdata:not([__null__]) .pdata-tabs {
    top: 10px;
    font-size: 14px; }
  .pdata:not([__null__]) .pdata-menu {
    left: 0px;
    width: 100%;
    top: 50px;
    bottom: auto;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px; }
    .pdata:not([__null__]) .pdata-menu > li {
      width: 26px;
      height: 100%;
      font-size: 13px;
      margin: 0; }
      .pdata:not([__null__]) .pdata-menu > li + li {
        margin: 0; }
  .plogin:not([__null__]) .n-nav-links {
    display: none; }
  .plogin:not([__null__]) .plogin-main {
    margin: auto 0;
    align-self: center;
    background: url(../images/38.png) no-repeat center/100% 100%;
    width: 330px;
    height: 400px;
    display: flex;
    flex-direction: column;
    padding: 90px 40px 0 40px;
    align-items: stretch; }
    .plogin:not([__null__]) .plogin-main > p {
      font-size: 13px;
      margin-bottom: 5px; }
    .plogin:not([__null__]) .plogin-main > h3 {
      height: 30px;
      margin-bottom: 10px; }
      .plogin:not([__null__]) .plogin-main > h3 > input {
        padding: 0 14px;
        font-size: 13px; }
      .plogin:not([__null__]) .plogin-main > h3 > img {
        width: 90px; }
    .plogin:not([__null__]) .plogin-main > h4 {
      margin-top: -4px;
      font-size: 12px; }
    .plogin:not([__null__]) .plogin-main > button {
      margin-top: 15px;
      font-size: 20px;
      height: 65px; }
  .plogin:not([__null__]) .plogin-footer {
    font-size: 13px;
    height: 50px; }
  .preset:not([__null__]) .preset-main {
    height: 400px;
    padding: 75px 40px 0 40px; }
    .preset:not([__null__]) .preset-main > h1 {
      font-size: 16px;
      margin-bottom: 5px; }
    .preset:not([__null__]) .preset-main > h2 {
      font-size: 13px;
      line-height: 1.3; }
    .preset:not([__null__]) .preset-main > h5 {
      margin-bottom: 10px; }
      .preset:not([__null__]) .preset-main > h5 > button {
        height: 30px;
        font-size: 13px; }
    .preset:not([__null__]) .preset-main > h6 > button {
      height: 30px;
      font-size: 13px; }
    .preset:not([__null__]) .preset-main > a {
      margin-top: 15px;
      height: 55px;
      font-size: 14px;
      width: 150px; } }
